
<template>
    <div class="demo"> 
    <Demo b="b-哈哈" :list="personList"/>
    </div>
    
</template>
<!---
1.
-->

<script lang="ts" setup>
    import {ref,reactive} from 'vue'
    import Demo from '../../components/Demo.vue'
    //引入接口文件
    import {type PersonLists} from '../../types'

    let personList =reactive<PersonLists>([
        {id: 1,name: '张三',age: 18},
        {id: 2,name: 'lisi',age: 33},
        {id: 3,name: '王五',age: 44},
        {id: 4,name: '赵六',age: 2,x:5},
    ])
    
    


</script>

<style scoped>
    .demo {
        background-color: pink;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding: 10px;
        width: 550px;
        margin: 10px;
    }
    button  { 
        margin: 5px 5px;

    }

</style>